<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 前端模块化 : 把代码 分不同 文件存放起来 ,文件就是模块化
        // 模块内部具有独立的命名空间
        // 简单划分 : 变量污染
        // ESM ES6模块化方法
        // commonjs规范    node.js模块化工具方法


        // 1.自执行函数 , 不够灵活
        // 2.独立命名空间 , 引用非常复杂
        // 模块化 1. ESM 2.commonjs规范 nodejs里的模块化工具



    </script>
</body>
</html>